<template>
  <div style="cursor: pointer">
    <el-tag :type="type" @click="handleClick">{{ text }}</el-tag>
  </div>
</template>

<script>
export default {
  props: {
    value: {
      type: String
    },
    // 本行的所有数据，此字段不需要额外配置
    scope: {
      default: null
    },
    // 通过 component 中 props 字段传过来的数据，此字段需要先在 component 中配置
    myProps: {
      default: null
    }
  },
  computed: {
    type () {
      return this.value ? 'success' : 'danger'
    },
    text () {
      return this.value
    }
  },
  mounted () {
    console.log(this.scope)
    // console.log(this.myProps)
  },
  methods: {
    handleClick () {
      var host = 'https://jira.zz.com/browse/'
      var url = host + this.value
      if (this.value) {
        window.open(url, '_blank')
      }
    }
  }
}
</script>
